<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://www.zealer.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/clearSure.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2952901_6df4sgzstlp.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <title>ZEALER 官网_Technology Stays True Here </title>
</head>
<style>

</style>

<body>
    <div class="nav_bgc">
        <div class="nav">
            <div class="logo"><img
                    src="https://www.zealer.com/dist/images/sidebar_icon_logo_normal8@2x.png?651c9ec30079873f09a3b98276f462ca"
                    alt=""></div>
            <ul class="chose">
                <li style="background: #222;"><a href="index.html">首页</a></li>
                <li><a href="community.html">社区</a></li>
                <li><a href="expert.html">达人专区</a></li>
                <li class="act"><a href="active.html">活动</a>
                    <img src="https://www.zealer.com/dist/images/icons_images_PC_dark_hot@2x.png?651c9ec30079873f09a3b98276f462ca"
                        alt="">
                </li>
            </ul>
            <div class="search">
                <i class="iconfont icon-search"></i>
                <input type="text" placeholder="搜索作品/话题/用户">
            </div>
            <div class="head_link">
                <a href="" class="down down_phone">
                    <i class="iconfont icon-xiazai"></i>
                    <p>下载手机版</p>
                    <div class="qrCode">
                        <span class="tria"></span>
                        <img src="https://www.zealer.com/dist/images/qrcode-app.png?651c9ec30079873f09a3b98276f462ca"
                            alt="">
                        <p>ZEALER 手机版</p>
                    </div>
                </a>
                <a href="" class="down">
                    <i class="iconfont icon-bianji"></i>
                    <p>创作平台</p>
                </a>
                <a href="" class="down login_h">
                    <i class="iconfont icon-xiaoxizhongxin"></i>
                    <p>消息</p>
                </a>
                <div class="login">
                    <div class="rig">
                        <a href="login.html">登录</a>
                        <span>|</span>
                        <a href="sign.html">注册</a>
                    </div>
                    <div class="login_rig">
                        <div class="img"><img
                                src="https://zaaap-1254235226.picgz.myqcloud.com/head_portrait/2020/03/18/default_avatar.png">
                        </div>
                        <ul>
                            <li><a href="user.html"><i class="iconfont icon-icon-test"></i><span>个人主页</span></a>
                            </li>
                            <!-- <li><a href="/user/purchase"><i class="iconfont iconicons_social_web_light_order_18pt_filled"></i><span>我的订单</span></a></li> -->
                            <li><a href="/user/index"><i class="iconfont icon-shezhi"></i><span>设置</span></a>
                            </li>
                            <li><a class="js-layout"><i class="iconfont icon-tuichudenglu"></i><span>退出</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper">
        <div class="big_swiper">
            <div class="swiper_img">
                <div class="swiperImgs">
                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/14/59efbf43ddf1f8feb0fb8ef90f054568.png"
                        alt="">
                    <div class="bg"></div>
                </div>
                <div class="swiperImgs">
                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/10/0f508b3b310b040789f11709cb9c4c21.jpg"
                        alt="">
                    <div class="bg"></div>

                </div>
                <div class="swiperImgs">
                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/09/035e6e394cb3803038f4b46728f2b737.jpg"
                        alt="">
                    <div class="bg"></div>
                </div>
                <!-- 重复节点 -->
                <div class="swiperImgs">
                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/14/59efbf43ddf1f8feb0fb8ef90f054568.png"
                        alt="">
                    <div class="bg"></div>
                </div>
            </div>
            <!-- 左右按键 -->
            <div class="btn">
                <span class="left"></span>
                <span class="right"></span>
            </div>
            <div class="swiper_chose">
            </div>
        </div>

    </div>
    <div class="all">
        <div class="all_left">
            <div class="headline">
                <h2><span>Z头条</span><a href=""><i>更多头条</i></a></h2>
                <div class="headline_content">
                    <div class="h_content_left">
                        <a href="" class="big_news hov">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/19/509ace732e7a914917946ba745f11b9c.jpg"
                                alt="">
                            <span><i class="iconfont icon-24gf-play"></i></span>
                            <h3>笔记本平板全都要？华为 MateBook E 首发体验</h3>
                        </a>
                        <div class="little_news">
                            <a href="">
                                <div class="news hov">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/10/69fbd7c986ae8e80ecefd17c7651ae8e.jpg"
                                        alt="">
                                    <span><i class="iconfont icon-24gf-play"></i></span>
                                    <h3>2021旗舰拍照横评 谁翻车了？</h3>
                                </div>
                            </a>
                            <a href="">
                                <div class="news hov" style="margin-top: 12px;">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/19/f229fab98ed8ff39f4cd0e26f33e4903.jpg"
                                        alt="">
                                    <span><i class="iconfont icon-24gf-play"></i></span>
                                    <h3>我与科学家的一天，体验华为WATCH GT3</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <ul class="h_content_rig">
                        <li>
                            <a href="/detail/1405242">
                                <h3>「爆料」荣耀新机官宣，设计撞脸华为 P50</h3>
                                <span>11-19</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1405243">
                                <h3>「爆料」小米外观设计曝光，发布会或 12 月 16 日举办</h3>
                                <span>11-19</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1405244">
                                <h3>「新机」摩托罗拉新旗舰 Moto G200 发布，搭载 888 Plus</h3>
                                <span>11-19</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1405245">
                                <h3>「要闻」谷歌承认 Pixel 6 充电无法达到 30W，需近两小时方可充满</h3>
                                <span>11-19</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1404745">
                                <h3>「前沿」苹果申请“智能项链、钥匙扣”相关专利</h3>
                                <span>11-18</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1404746">
                                <h3>「爆料」搭载高通新一代旗舰！vivo NEX 系列新品 NEX 5 曝光</h3>
                                <span>11-18</span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1404747">
                                <h3>「爆料」一加 10 Pro 将于明年 1-2 月率先在中国发布</h3>
                                <span>11-18</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="column">
                <h2><span>专栏推荐</span><em><i class="iconfont icon-xiangzuo1"></i>
                        <i class="iconfont icon-xiangyou1"></i></em></h2>
                <ul>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/03/16/000023525633152443604-1615861784699.jpg?size=800x450"
                                    alt="">
                                <span>390集全</span>
                            </div>
                            <h3>硬件测评</h3>
                            <p>从消费者角度进行深度体验，点评最新、最热的消费电子产品。</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/29/160138985045774.jpg?size=0x0"
                                    alt="">
                                <span>74集全</span>
                            </div>
                            <h3>科技相对论</h3>
                            <p>科技主题脱口秀节目。节目以轻松、活泼、辛辣、幽默的语言风格，解读科技行业那些事儿。</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/29/160139044399495.jpg?size=0x0"
                                    alt="">
                                <span>105集全</span>
                            </div>
                            <h3>AUTO-ZEALER</h3>
                            <p>从科技的角度切入，了解一个不一样的汽车行业。</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/29/160139092364336.jpg?size=0x0"
                                    alt="">
                                <span>38集全</span>
                            </div>
                            <h3>ZEALER 那些事</h3>
                            <p>ZEALER 日常科技搞怪、好玩~</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/28/160130211859948.jpg?size=0x0"
                                    alt="">
                                <span>138集全</span>
                            </div>
                            <h3>ZEALER HERE</h3>
                            <p>报道最新、最酷的科技现场，及时了解科技行业动态。在现场，不冷场。</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/28/16013021395661.jpg?size=0x0"
                                    alt="">
                                <span>83集全</span>
                            </div>
                            <h3>智慧生活</h3>
                            <p>科技是一种生活方式，解读你身边不曾关注到的科技。</p>
                        </a>
                    </li>

                </ul>
                <ul class="hide">
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/28/160130212749946.jpg?size=0x0"
                                    alt="">
                                <span>121集全</span>
                            </div>
                            <h3>ZEALER 酷品</h3>
                            <p>只需三分钟，简单好玩有趣的新奇硬件都在这里。</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/10/10/160232270498979.jpg?size=0x0"
                                    alt="">
                                <span>10集全</span>
                            </div>
                            <h3>NEXT NEST</h3>
                            <p></p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/29/1601391125624315.jpg?size=0x0"
                                    alt="">
                                <span>127集全</span>
                            </div>
                            <h3>科技艺术</h3>
                            <p>ZEALER 科技音乐艺术创意展示，好听、好玩！</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="img hov">
                                <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/special_column_pic/2020/09/29/16013899894353.jpg?size=0x0"
                                    alt="">
                                <span>26集全</span>
                            </div>
                            <h3>从 0 到 1 上手视频制作</h3>
                            <p>野路子，教你从 0 到 1 上手视频制作！</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="content">
                <h2><span>精选内容</span></h2>
                <ul class="content_ul">
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/1753a1b1db992dc3244ac9254cf2ad6a.jpg?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">#Lisa确诊感染新冠# 天呐噜！韩媒报道BLACKPINK成员LISA确诊新冠😥目前其他3名成员现在正在等待结果。天啊怎么会这样？？lisa一定要快点好起来
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/avatar/user-avatar-20200924181922165.jpeg"
                                        alt="">
                                </span>
                                <span class="user_name">酒后吃瓜艺术家</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>

                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/2640651691af17054e0d3800793c1375.png?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">娱乐圈又要来大瓜？有网友发微博称，谭咏麟睡了自己女朋友，艾特了谭咏麟和湖南卫视，说真的，谭咏麟都72了，就算有那心，身体还能遭的住么。。。该网友发布了一张男性的背影照，对比谭咏麟的自拍，你觉得像本人么
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/default/user/cover.png"
                                        alt="">
                                </span>
                                <span class="user_name">大娱乐家</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>

                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/24/mmexport1637739910090.png?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">【柿柿如意】秋去冬来，这阳光明媚的好天气，在蓝天的衬托下，柿子如小灯笼一样，挂在树梢活灵活现！你的家乡也有么？。坐标：河北赞皇（图：李海强） ​​​​
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2020/05/31/53bdd2a5cd1ac897aeffd92da359f4b1.png"
                                        alt="">
                                </span>
                                <span class="user_name">二思丶</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>

                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/24/5017247936791256-1637753050658.jpg?size=1162x654?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">ZEALER晨报
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2020/05/19/b7bbbe0c18446a16f6b17080d72a959b.png"
                                        alt="">
                                </span>
                                <span class="user_name">小助手</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>

                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/d5ab74fac872230cf2b4ef615876387e.jpg?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">来看看2021年各手机品牌旗舰机身重量
                                虽然今年各家手机厂商都在给旗舰减重，但因为旗舰本身堆料的原因，整体机身还是挺有分量的，最重的iPhone 13 Pro Max都快半斤了，大家觉得旗舰机
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/29/04b86a2403de64e40cc30a51638ac24d.jpg"
                                        alt="">
                                </span>
                                <span class="user_name">怀柔情感龙哥</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>

                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/23/IMG_20211121_123544.jpg?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">冬季纪实风照片，晴朗的天气下，人们都愿意出来活动，冬天的郊区人又少，取景很方便。照片处理成黑白色就增添了一份高级感。虽然大部分树叶都落了，抓住落下的一片两片落叶也很有冬天肃静的氛围。阳光充沛下的色彩组
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/09/09/IMG_CROP_20210909_11233367.jpeg"
                                        alt="">
                                </span>
                                <span class="user_name">灵感vision</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>
                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/22/DSC_7856-2%E6%8B%B7%E8%B4%9D-2000px-%E6%B0%B4%E5%8D%B0.jpg?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">《深圳平安大厦顶月》
                                2021年11月20日（农历十月十六）晚上18点36分，站在深圳湾婚庆公园，捕捉到月亮悬挂在深圳平安金融中心大厦楼顶的一瞬间。拍摄时过曝了，拉了很久，还是很难回来，博主已
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/09/18/IMG_CROP_20210918_11164195.jpeg"
                                        alt="">
                                </span>
                                <span class="user_name">揭阳大雨</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>
                        </p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/11/19/24083250370088072-1637303187821.png?size=1280x720?imageView2/format/jpg/q/10"
                                alt="">
                        </div>
                        <h3><a href="#">【iPad mini6】定位：小号平板？大号手机？
                                ​</a></h3>
                        <p>
                            <a href="#">
                                <span class="user_img">
                                    <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/08/19/4236932682157162-1629343729636.png?size=1080x1080"
                                        alt="">
                                </span>
                                <span class="user_name">大熊聊数码</span>
                                <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                            </a>
                        </p>
                    </li>

                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/73bee67d3f7e110b5b16d3f79ad2d496.jpg?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1407352">现在的机子，888功耗高不想买，麒麟9000太贵买不起，两千多的870中端机的配置，还没二手865旗舰强。。。。挑来挑去，最后我还是选择整个OPPO
                                    Find X2
                                    256GB的，也就1600块钱。
                                </a></h3>
                            <p>
                                <a href="/homepage/news?user_id=2069464">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/27/4eceb6933cb9e55505052b32ea4ef8ef.jpg"></span>
                                    <span class='user_name'>快去学电机学</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/3829d951efc31b5fc5b3a0e7811d364e.jpg?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1407210">三星牛啊！给S21 Ultra除了个长焦镜头专业模式，一堆功能，但最牛的还得是16bit
                                    raw+Lr。。。。我看了下，好像有16bit
                                    raw的相机最便宜的5万块钱。。。整活还得看三星，分分钟又让你</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=1712931">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/avatar/user-avatar-20201026161659173.jpg"></span>
                                    <span class='user_name'>秋日小香猪</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/24/c63c28374638482a4c7fa2ba6fb9692f.jpg?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1407337">本是姐妹花，同嫁一个他？刚看到个很沙雕的新闻，说二婚的郭女士和男友去领证时发现自己竟然还没离婚，更离谱的是自己在20年前，她妹妹和公公以她的身份和亲妹夫领证，这关系绕到我头都晕了。。。。
                                    　
                                    反正就是</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=2074022">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/28/a9c28a4e4036474b87eafac1c3328c16.jpg"></span>
                                    <span class='user_name'>北卡天空</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/24/d3fe511bf8ddae0e505c578ca61090da.png?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1407140">我说这蛇和龙的联名，有人打我吗？
                                    有那么一瞬间，我要不要做个宠物博主算了。
                                    但，预算不允许啊。</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=1676439">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/07/20/65a0f6700383e7f1aa6067116a4cc1b1.png"></span>
                                    <span class='user_name'>AnU安多桑</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/11/24/9164294635786915-1637716917335.jpg?size=800x450&amp;imageMogr2/format/jpeg/quality/60?imageView2/format/jpg/q/10">
                            <i class="iconfont iconicons_media_web_light_play_24pt_filled"></i>
                            <h3><a href="/video/1407217">旅游摄影好帮手，一个三脚架八种用法</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=1748329">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/01/10/IMG_CROP_20210110_12081432.jpeg"></span>
                                    <span class='user_name'>旅游摄影张波</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/11/22/3321997223939388-1637579268589.jpg?size=800x1422&amp;imageMogr2/format/jpeg/quality/60?imageView2/format/jpg/q/10">
                            <i class="iconfont iconicons_media_web_light_play_24pt_filled"></i>
                            <h3><a href="/video/1406939">可以随身携带的 数码好物推荐</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=1610285">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/06/15/IMG_CMP_20210615_20514945.jpeg"></span>
                                    <span class='user_name'>飞飞数码日记</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/22/7302937665027285-1637547603662.jpg?size=1410x793?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1406877">你真的需要一块苹果手表？Apple Watch SE主观使用体验分享</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=2143313">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/10/15/45129116d2617db2b004e53d9bad6d6c.png"></span>
                                    <span class='user_name'>古娜拉黑暗之神</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/23/3834b8de0b6b6b97e07ae069672dfedd.jpg?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1406882">此前有位名为 @飞哥在东莞
                                    的博主造谣“女孩与外公合照为老夫少妻”，今日头条表示平台已对该帐号予以封禁处理。我是真搞不懂那些造谣的人，都不知道他们图个啥？是吃太撑了闲得慌吗？而且对事主造成了如此大的影</a>
                            </h3>
                            <p>
                                <a href="/homepage/news?user_id=2065016">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/23/231e55def6849fb2119868aa0cb83bcb.jpg"></span>
                                    <span class='user_name'>王初霁</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                    <li>
                        <div class="img">
                            <img
                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/24/740ce1ce40b44a23cabcbd561b16a05b.png?imageView2/format/jpg/q/10">
                            <h3><a href="/detail/1407237">夜间车里的少女心事❤️
                                    车里的氛围拉满了哈哈哈，之前比较复杂的一次拍摄，布光费了不少时间。小姐姐情绪很棒啦，非常愉快的一次拍摄。

                                    日常夜景的街头拍摄进行中，陆续更新更多照片，感兴趣可以关注一下嘿嘿。</a></h3>
                            <p>
                                <a href="/homepage/news?user_id=813757">
                                    <span class='user_img'><img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/06/11/96ed04af3f66dfaff5869f92e66e0cf6.png"></span>
                                    <span class='user_name'>FalconZ</span>
                                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                                </a>
                            </p>
                    </li>
                </ul>
                </ul>
            </div>
        </div>
        <!-- <li>
            <div class="img">
                <img src="" alt="">
            </div>
            <h3><a href="#">
                    ​</a></h3>
            <p>
                <a href="#">
                    <span class="user_img">
                        <img src="" alt="">
                    </span>
                    <span class="user_name"></span>
                    <em><strong>14</strong><i class="iconfont icon-aixin"></i></em>
                </a>
            </p>
        </li> -->
        <div class="all_rig">
            <div class="phoneBBS">
                <h2>手机版社区</h2>
                <div class="BBS">
                    <div class="img">
                        <img src="https://www.zealer.com/dist/images/qrcode-app.png?1a287238847e4e6ba4a33f89a5665205">
                    </div>
                    <p>
                        <strong>下载手机版社区</strong>
                        <span>参与活动，赢最新数码产品</span>
                    </p>
                </div>
            </div>
            <div class="hotAct">
                <h2>热门活动</h2>
                <ul>
                    <li>
                        <a href="#">
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/23/fef62950dc17e171a8b5aaead1883256.png">
                            </div>
                            <h3>北鼎保温杯垫套装</h3>
                            <span>12天 10 小时 13分后申请结束</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/23/96b3e8ad2f707aa787b1328a51c9b0be.png">
                            </div>
                            <h3>你被App自动续费套路过吗？</h3>
                            <span>13天 10 小时 13分后结束</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/18/ea7adce890128e0a3bc6e4d107c2f70e.png">
                            </div>
                            <h3>你心中的2021年度旗舰手机</h3>
                            <span>35天 10 小时 13分后结束</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/18/7e10e271872cc56787eb1e0ee1f7d8b5.jpg">
                            </div>
                            <h3>盘点你见过的联名产品</h3>
                            <span>长期有效</span>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="hotTopic">
                <h2>热门话题<a href="#">更多热门话题</a></h2>
                <ul>
                    <li>
                        <a href='#'>
                            <!--排名第一-->
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/10/22/160336561531756.png?size=0x0">
                            </div>
                            <em><img
                                    src="https://www.zealer.com/dist/images/no1.png?651c9ec30079873f09a3b98276f462ca"></em>

                            <h3>#苹果Apple</h3>
                            <span>581553 人参与 · 7839 篇内容</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <!--排名第二-->
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/09/10/159972164038738.png?size=0x0">
                            </div>
                            <em><img
                                    src="https://www.zealer.com/dist/images/no2.png?651c9ec30079873f09a3b98276f462ca"></em>

                            <h3>#出行装备EDC</h3>
                            <span>547821 人参与 · 4994 篇内容</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <!--排名第三-->
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/09/10/1599710382144716.jpg?size=0x0">
                            </div>
                            <em><img
                                    src="https://www.zealer.com/dist/images/no3.png?651c9ec30079873f09a3b98276f462ca"></em>

                            <h3>#手机杂谈</h3>
                            <span>526263 人参与 · 22777 篇内容</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/09/10/159971093017758.jpg?size=0x0">
                            </div>

                            <h3>#随手拍</h3>
                            <span>498773 人参与 · 8177 篇内容</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/06/01/20200601164908.jpg?size=0x0">
                            </div>

                            <h3>#一起玩游戏</h3>
                            <span>488019 人参与 · 4631 篇内容</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/circle_pic/2020/09/21/1600671834371110.png?size=0x0">
                            </div>

                            <h3>#开箱上手</h3>
                            <span>485873 人参与 · 15908 篇内容</span>
                        </a>
                    </li>
                </ul>
                <!-- <a class="more-topic" href="/topic/list">更多话题</a> -->
            </div>
            <div class="starUser">
                <h2><strong>明星用户</strong><a href="#">更多明星用户</a></h2>
                <ul>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/09/29/a0a9fafdaaaa79ac735b3635c27c82e1.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>加内特25000</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/10/05/4293da685d971d607fe91fb87796d57d.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>张北秋</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2020/05/16/5f64ecf4b0167e5ac958168a45b71ecc.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>阿毛</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/10/17/IMG_CROP_20211017_09013962.jpeg?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>JINGO敬国</em>
                            </h3>
                            <span>汽车达人</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/04/16/2fa06e5661b7c7c5263cd96f0e635431.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>易茄子🍆</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2020/04/21/3fc04b042e84d021cd28249a2d427f58.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>in外设</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://img0.zealer.com/09/92/bd/b67af8d2b2172618496243433c.jpg?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>方方数码说</em>
                            </h3>
                            <span>优质创作者</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/09/10/IMG_CROP_20210910_15544980.jpeg?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>丨喵總</em>
                            </h3>
                            <span>数码达人</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/07/24/a19791d52f7dcdd76f92b40946817e2a.png?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>飛機上的秧苗</em>
                            </h3>
                            <span>摄影达人</span>
                        </a>
                    </li>
                    <li>
                        <a href='#'>
                            <div class="img"><img
                                    src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/head_portrait/2021/08/24/IMG_CROP_20210824_21405014.jpeg?imageMogr2/thumbnail/!50p">
                            </div>
                            <h3>
                                <em>秋殇别恋</em>
                            </h3>
                            <span>摄影达人</span>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="foot_bgc">
        <div class="foot">
            <div class="foot_left">
                <ul>
                    <li>
                        <img
                            src="https://www.zealer.com/dist/images/sidebar_icon_logo_normal8@2x.png?651c9ec30079873f09a3b98276f462ca">
                    </li>
                    <li><a href="" target="_blank">用户协议</a></li>
                    <li><a href="" target="_blank">隐私政策</a></li>
                </ul>
                <p>
                    <a href="" target="_blank">粤lCP备12076188号 | </a>
                    <a href="" target="_blank">ICP经营许可证：粤B2-20190404</a> | <a href=""
                        target="_blank">广播电视节目制作经营许证（粤）字第03052号</a> | <a href="" target="_blank">营业执照</a> | <a href=""
                        target="_blank">中国互联网举报中心</a> | <a href="" target="_blank">深圳市互联网举报中心</a>
                </p>
                <p>举报邮箱：jubao@zealer.com | 合作邮箱：imhere@zealer.com | Copyright © 2021 ZEALER. All Rights Reserved.</p>
                <p>广东瑾如云海（集团）有限公司</p>
            </div>
            <div class="foot_rig">
                <p>
                    <em><img
                            src="https://www.zealer.com/dist/images/qrcode-wx.png?651c9ec30079873f09a3b98276f462ca"></em>
                    <strong>官方微信</strong>
                </p>
                <p class="foot_rig_r">
                    <em><img
                            src="https://www.zealer.com/dist/images/qrcode-app.png?1a287238847e4e6ba4a33f89a5665205"></em>
                    <strong>ZEALER App下载 </strong>
                </p>
            </div>
        </div>
    </div>
    <div class="toTop"><i class="iconfont icon-zhiding"></i></div>

    <script src="js/nav.js"></script>
    <script src="js/swiper.js"></script>
    <script src="./js/login.js"></script>
    <script>
        // 专栏切换
        var col_left = document.querySelector('.column .icon-xiangzuo1')
        var col_right = document.querySelector('.column .icon-xiangyou1')
        var col_ul = document.querySelectorAll('.column ul')

        col_right.addEventListener('click', function () {
            col_right.style = 'color:#cecfd6'
            col_left.style = 'color:#666'
            col_ul[0].classList.add('hide')
            col_ul[1].classList.remove('hide')
        })
        col_left.addEventListener('click', function () {
            col_left.style = 'color:#cecfd6'
            col_right.style = 'color:#666'
            col_ul[1].classList.add('hide')
            col_ul[0].classList.remove('hide')
        })

        // 瀑布流布局
        var content_ul = document.querySelector('.content_ul')
        var content_li = document.querySelectorAll('.content_ul li')
        var gap = 10; // 间隙10px

        window.onload = function () {
            waterFall();
            function waterFall() {
                var column = 4;
                var parent_width = content_ul.offsetWidth; // ul的宽
                var item_width = 212; // li的宽
                var arr = [];
                for (var i = 0; i < content_li.length; i++) {
                    if (i < column) // 先定第一排位置
                    {
                        content_li[i].style.top = 0;
                        content_li[i].style.left = ((item_width + gap) * i) + 'px';
                        arr.push(content_li[i].offsetHeight) // 把所有的高度都给arr，得到最小高度
                    } else {
                        // 其他行
                        // 找出最小高度
                        var minHeight = arr[0];
                        var index = 0;
                        for (var j = 0; j < arr.length; j++)   // 找到最小高度下标索引
                        {
                            if (minHeight > arr[j]) {
                                minHeight = arr[j];
                                index = j;
                            }
                        }
                        // top 值是最小高度+gap空隙
                        content_li[i].style.top = arr[index] + gap + 'px'
                        // left 值就是最小高度的left值
                        content_li[i].style.left = content_li[index].offsetLeft + 'px'

                        // 修改最小列的高度
                        // 最小列的高度 = 原来的高度 + 拼接过来的高度 + gap
                        arr[index] = arr[index] + content_li[i].offsetHeight + gap
                    }
                }
            }
        }
    </script>
</body>

</html>